const e = `<!--
 * @Description: 气泡消息默认示例\r
-->\r
<template>\r
  <s-flex gap="1em">\r
    <s-button theme="primary" @click="openMessage('info')">默认主题</s-button>\r
    <s-button theme="success" @click="openMessage('success')">安全主题</s-button>\r
    <s-button theme="warning" @click="openMessage('warning')">警告主题</s-button>\r
    <s-button theme="danger" @click="openMessage('error')">危险主题</s-button>\r
    <s-button theme="primary" @click="openCallbackMessage">有关闭回调的消息</s-button>\r
  </s-flex>\r
</template>\r
\r
<script lang="ts">\r
import { MessageCommand } from "@smartcity/simple-ui";\r
import { Component, Vue } from "vue-property-decorator";\r
\r
@Component\r
export default class DefaultMessage extends Vue {\r
  /**\r
   * @description: 打开一个简单的消息提示\r
   * @returns\r
   */\r
  openMessage(type: string): void {\r
    if (Reflect.has(MessageCommand, type)) {\r
      MessageCommand[type]("一条简单的消息");\r
    }\r
  }\r
\r
  /**\r
   * @description: 打开一个有关闭回调的消息提示\r
   * @returns\r
   */\r
  openCallbackMessage(): void {\r
    MessageCommand.info("我是有关闭回调的消息", {\r
      onClose: () => {\r
        MessageCommand.success("我是关闭后的回调");\r
      },\r
    });\r
  }\r
}\r
<\/script>\r
`; export { e as default };
